<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<style type="text/css">
th {
	border-bottom: 1px solid #d6d6d6;
}

tr {
	border-bottom: 1px solid lightgray;
}

td {
	border-bottom: 1px solid lightgray;
}
</style>

</head>
<body>
	<div data-role="page" id="pageone">

		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/dcms/ui/bussinessmain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>巡检信息</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<input type="hidden" id="identify" th:value="${bussinessId}" />
		<div data-role="main" class="ui-content">
			<div data-role="collapsibleset">
				<div data-role="collapsible" data-collapsed="false">
					<h3>巡检记录</h3>

					<ul data-role="listview" id="unCheckedInspections">
					</ul>
				</div>
				<div data-role="collapsible">
					<h3>巡检历史</h3>
					<ul data-role="listview" id="checkedInspections">
					</ul>
				</div>
			</div>

		</div>

		<!-- 面板 -->
		<div data-role="panel" id="detailInspectPanel">
			<h3>详细信息</h3>
			<p>
			<table data-role="table" data-mode="columntoggle:none"
				class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTable">
				<thead class="pearlHeading">
					<tr>
						<th width="50%"></th>

					</tr>
				</thead>
				<tbody>
					<tr>
						<td>商户名称:</td>
						<td id="bussinessName"></td>
					</tr>
					<tr>
						<td>商户地址:</td>
						<td id="bussiessAddr"></td>
					</tr>
					<tr>
						<td>商户管理员:</td>
						<td id="bussinessMng"></td>
					</tr>
					<tr>
						<td>巡检内容:</td>
						<td id="remark"></td>
					</tr>
					<tr>
						<td>巡检项目:</td>
						<td id="inspectEnvir"></td>
					</tr>
					<tr>
						<td>巡检情况:</td>
						<td id="inspectCondition"></td>
					</tr>
					<tr>
						<td>巡检时间:</td>
						<td id="inspectDate"></td>
					</tr>
					<tr>
						<td>巡检人:</td>
						<td id="inspectPerson"></td>
					</tr>

				</tbody>
			</table>

			</p>
		</div>

		<div data-role="popup" id="alterpop" data-theme="a"
			class="ui-corner-all">
			<div style="padding: 10px 20px;">
				<h3>选择巡检记录!</h3>
				<a href="javascript:void(0)" id="close" data-rel="back"
					data-transition="slide" data-direction="reverse" data-role="button"
					data-theme="e" data-icon="back" data-inline="true">确定</a> <a
					href='javascript:void(0)' data-rel="back"
					class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
			</div>
		</div>

		<div data-role="footer" data-position="fixed" data-theme="a">
			<h1>
				<input id="saveInspectBtn" class="btn btn-primary btn-sm"
					type="button" data-inline="false" value="填写巡检报告" />
			</h1>
		</div>
	</div>
	<script th:src="@{/mobile/bussinessInspection/indexOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>